<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        <input type="属性值" value="默认值"> 
        1、type属性
            1）作用：设置控件类型
                text普通文本--输入文本、字符、数字、汉字
                number数字--只能输入纯数字
                password密码---为了用户数据安全，一般密码不会明文展示，会显示为实心圆点或***
                button（普通）按钮---结合value设置按钮默认值
                image(图片)按钮
                提交按钮submit---提交用户输入信息
                重置按钮reset---将用户输入的表单信息进行重置
                tel(手机号)---主要优化移动端设备用户体验
        2、value属性
            作用：设置表单元素默认值
        3、placeholder属性
            专业术语：占位符
            作用：用于提示用户输入内容类型
            注意：当输入框内容为空时进行展示，一旦输入内容或者存在默认值，则不进行展示
    -->
    
    <form action="">
        普通文本(昵称)：<input type="text" value="默认值1" placeholder="请输入昵称">
        <hr>
        数字：<input type="number" placeholder="请输入数字">
        <hr>
        密码：<input type="password" placeholder="请输入密码">
        <hr>
        普通按钮：<input type="button" value="按钮">
        <hr>
        图片按钮：
        <input 
            type="image" 
            src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1233722106,2324995727&fm=26&gp=0.jpg" 
            alt="这是一个按钮"
            width="100"
            height="100"
        >
        <hr>
        手机号：<input type="tel" name="" id="" placeholder="请输入手机号">
        <hr>
        提交按钮：<input type="submit">
        <hr>
        重置按钮：<input type="reset">
    </form>
</body>
</html>